<!DOCTYPE html>
<!-- saved from url=(0022)http://www.mengma.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh-CN" class=" " style="overflow-y: hidden;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<meta name="renderer" content="webkit">
	<title>萌码</title>
	<meta name="author" content="Mengma">
	<meta name="description" content="萌码是计算教育领域的先行者，领先的跟随式教学、图形化教学等让计算学习更有趣、更高效。萌码和杰出的人一同前行，让人们享受最好的教育。">
	<meta name="keywords" content="萌码,教育,在线教育,在线编程教育,跟随式,图形化,编程,计算,代码,猛犸">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta property="og:type" content="website">
	<meta property="og:title" content="萌码">
	<meta property="og:url" content="http://www.mengma.com/">
	<meta property="og:description" content="萌码是计算教育领域的先行者，领先的跟随式教学、图形化教学等让计算学习更有趣、更高效。萌码和杰出的人一同前行，让人们享受最好的教育。">
	<meta property="og:site_name" content="萌码">
	<meta property="og:image" content="http://s.mengma.com/img/mm_logo.png">
	<link rel="canonical" href="http://www.mengma.com/">
	<link rel="shortcut icon" type="image/x-icon" href="http://www.mengma.com/favicon.ico">
	<link rel="icon" type="image/png" href="http://s.mengma.com/img/mm_icon.png">
	<link rel="dns-prefetch" href="http://www.mengma.com/">
	<link rel="dns-prefetch" href="http://passport.mengma.com/">
	<link rel="dns-prefetch" href="http://profile.mengma.com/">
	<link rel="dns-prefetch" href="http://ask.mengma.com/">
	<link rel="dns-prefetch" href="http://s.mengma.com/">
	<link rel="dns-prefetch" href="http://www.google-analytics.com/">
	<link rel="stylesheet" type="text/css" href="./log/bootstrap.min_385b96--.css">
	<link rel="stylesheet" type="text/css" href="./log/font-awesome.min_234f99--.css">
	<link rel="stylesheet" type="text/css" href="./log/nprogress_712236--.css">
	<link rel="stylesheet" type="text/css" href="./log/mm_common_dc4502--.css">
	<!--[if lt IE 9]><script type="text/javascript" src="http://s.mengma.com/js/html5shiv.min_2536f8--.js"></script><script type="text/javascript" src="http://s.mengma.com/js/respond.min_9cccbc--.js"></script><![endif]-->
	<script src="./log/hm.js"></script><script type="text/javascript" src="./log/markdown.min_6eecac--.js"></script>
	<script type="text/javascript" src="./log/marked_4af72c--.js"></script>
<link rel="stylesheet" type="text/css" href="./log/slick-theme_974d75--.css">
<link rel="stylesheet" type="text/css" href="./log/slick_57fb9a--.css">
<link rel="stylesheet" type="text/css" href="./log/mm_home_ed53f5--.css">
<link rel="apple-touch-icon" sizes="57x57" href="http://s.mengma.com/img/mm_ati_57.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://s.mengma.com/img/mm_ati_72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://s.mengma.com/img/mm_ati_114.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://s.mengma.com/img/mm_ati_144.png">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-title" content="萌码">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="HandheldFriendly" content="True">
<meta name="application-name" content="萌码">
<meta name="msapplication-starturl" content="http://www.mengma.com">
<meta name="msapplication-TileColor" content="#f5a34e">
<meta name="msapplication-TileImage" content="http://s.mengma.com/img/mm_icon.png">
<meta name="msapplication-task" content="name=主页;action-uri=http://www.mengma.com;icon-uri=http://www.mengma.com/favicon.ico">
<meta name="msapplication-task" content="name=微信登录;action-uri=http://passport.mengma.com/oauth/connect/weixin;icon-uri=http://www.mengma.com/favicon.ico">
<meta name="msapplication-task" content="name=OJ;action-uri=http://oj.mengma.com;icon-uri=http://www.mengma.com/favicon.ico">
<meta name="msapplication-task" content="name=关于;action-uri=http://www.mengma.com/about/;icon-uri=http://www.mengma.com/favicon.ico">
</head>

<body>
<div class="mm_wrapper">
			<nav class="mm_navbar navbar navbar-default navbar-fixed-top navbar-fixed-top-1" role="navigation">	
			<input type="hidden" name="initEmail" value="" id="initEmail">
			<div class="header_email">
				<p>大神，你还没有绑定你的邮箱哦~<a href="http://profile.mengma.com/settings?type=3" data-id="1" id="mm_email_bind">
				立即去绑定</a>~
				</p>				
			</div>
			<div class="container">
				<div class="navbar-header">
					<a href="http://www.mengma.com/" class="mm_navbar_brand">
						<img src="./log/logo.svg" class="mm_navbar_brand_logo">
					</a>					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mm_navbar_collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div id="mm_navbar_collapse" class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right mm_navbar_nav">
						<li class="navbar_slide_li">
							<a href="http://www.mengma.com/volumes" data-type="0" class="">
								<span><img src="./log/mm_gray_0.svg" alt="课程" class="mm_icon_qa"> 课程</span>
							</a>						</li>
						<li class="navbar_slide_li">
							<a href="http://oj.mengma.com/" data-type="1" class="">
								<span><img src="./log/mm_gray_1.svg" alt="" class="mm_icon_oj"> 实战</span>
							</a>
						</li>
						<li class="navbar_slide_li">
							<a href="http://qa.mengma.com/" data-type="2" class="">
								<span><img src="./log/mm_gray_2.svg" alt="问答" class="mm_icon_oj"> 问答</span>
							</a>
						</li>
						<li class="mm_navbar_reg">
							<a href="http://passport.mengma.com/reg/">注册</a>
						</li>
						<li class="mm_navbar_login">
							<a href="http://passport.mengma.com/?continue=http://www.mengma.com/">登录</a>
						</li>					</ul>
				</div>
			</div>
		</nav>
	<div class="mm_top">
		<!--[if lt IE 9]><div class="mm_error">您的浏览器版本过旧，为了正常地访问网站，我们推荐您使用<a target="_blank" href=" ">Google Chrome</a >浏览器。</div><![endif]-->
		<div class="jumbotron mm_home_jumbotron" style="padding-top: 148.5px;">
			<div class="container mm_home">
				<div class="col-md-4 col-md-push-8 mm_home_left" style="width:36%;">
						<div class="row" style="padding-left:15px;">
							<div class="col-md-12 mm_paddding_l_0">
								<span id="mm_mobileMail_tip" class="mm_tip"></span>
							</div>
							<div class="col-md-12">
								<div class="row">
									<div class="col-sm-9 mm_form" style="width:300px;">
										<input type="email" id="mm_mobile_mail" class="form-control" name="email" listen-to-code="106,109" placeholder="邮箱" required="">
										<a href="javascript:void(0)" id="mm_regSelect">手机注册</a>
									</div>
								</div>
							</div>

							<div class="col-md-12" id="mm_verify" data-id="unshow" style="display:none;">
								<div class="row">
									<div class="col-sm-12 mm_paddding_l_0">
										<span id="mm_verify_code" class="mm_tip"></span>
									</div>
								</div>
								<div class="row">
									<div style="padding:0;">
										<div class="input-group mm_form">
											<div class="input-group-btn" style="width:120px;">
												<img src="./log/saved_resource" id="mm_img_captcha" onclick="this.src=&#39;http://www.mengma.com/api/reg/captcha/&#39;+new Date()*1" title="点击刷新验证码" style="width:110px; height:42px;">
											</div>
											<input type="text" id="mm_captcha" class="form-control pull-right" name="captcha" listen-to-code="107" placeholder="验证码" minlength="1" maxlength="5" style="height:42px;width:180px;" required="">
										</div>
									</div>
								</div>
							</div>

							<input type="hidden" id="csrf_token" value="a63a63cdf30900aa3d6e65ef0181fb40">
							<div class="col-md-12" id="mm_mobileVerify">
								<div class="row">
									<div class="col-md-12 mm_paddding_l_0">
										<span id="mm_mobVerify_tip" class="mm_tip"></span>
									</div>
								</div>
								<div class="row">
									<div class="input-group mm_form">
										<input type="text" id="mm_mobVerCode" minlength="1" maxlength="6" placeholder="短信验证码" class="form-control" value="" required="">
										<button class="btn btn-block" id="mm_getMobVerCode_btn">获取短信验证码</button>

									</div>
								</div>
							</div>
							<div class="col-md-12 mm_paddding_l_0">
								<span id="mm_pwd_tip" class="mm_tip"></span>
							</div>
							<div class="col-md-12">
								<div class="row">
									<div class="mm_form" style="padding-right:4px;">
										<input type="password" id="mm_pwd" class="form-control" name="pwd" placeholder="密码" required="" minlength="6" maxlength="20">
									</div>
								</div>
							</div>
							<div id="help_div" class="mm_help_box">
								<div></div>
							</div>
							
							<div class="col-md-12 mm_paddding_l_0"></div>
							<div class="col-md-12">
								<div class="row">
									<div class="mm_change" style="width:300px;float:left;margin-right:10px;">
										<button id="mm_btn_reg" class="btn btn-block btn-warning" style="height:42px;">注册</button>
									</div>
								</div>
							</div>
						</div>
				<div class="mm_user_login">
					<!-- <label class="checkbox-inline" id="mm_checkbox_label">
					<input id="mm_checkbox" type="checkbox" checked />
					同意萌码的“服务条款”和“隐私条款”
				</label>
				-->
				<p class="mm_home_service_item" style="width:300px;">
					点击注册表示您已同意萌码网的
					<a href="http://www.mengma.com/about/#mm_service" class="mm_additional_item">“服务条款”</a>
				</p>
			</div>
			<div class="mm_thirdparty_login">
				<span class="login_span">第三方账号登录</span>
				<div class="login_icon">
					<a href="http://passport.mengma.com/oauth/connect/weixin" id="icon_weixin" data-toggle="tooltip" data-placement="bottom" title="微信"></a>
					<a href="http://passport.mengma.com/oauth/connect/weibo" id="icon_weibo" data-toggle="tooltip" data-placement="bottom" title="微博"></a>
					<a href="http://passport.mengma.com/oauth/connect/qq" id="icon_qq" data-toggle="tooltip" data-placement="bottom" title="QQ"></a>
					<a href="http://passport.mengma.com/oauth/connect/github" id="icon_github" data-toggle="tooltip" data-placement="bottom" title="GitHub"></a>
					<a href="http://passport.mengma.com/oauth/connect/renren" id="icon_renren" data-toggle="tooltip" data-placement="bottom" title="人人"></a>
				</div>
			</div>
		</div>
		<div class="col-md-8 col-md-pull-4" id="mm_logo_top" style="width:64%;">
			<img src="./log/mm_homepage_center.svg" class="img-responsive mm_home_reg">
		</div>
		</div>
</div>
</div>
<div class="mm_middle">
<div class="mm_classlist" id="mm_classlist">
	<div class="container text-center">
		<div class="mm_title">有趣、轻松的学习编程，让你收获更多！</div>
		<p style="margin:0;font-size:16px;margin-top:10px;color:#103043;opacity:0.6;">学习你喜欢的精彩课程</p>
		<div class="mm_list mm_transition">
			<ul>
				<li>
						 
							<a href="http://www.mengma.com/class/course/40" class="learn">
						 
							<img src="./log/python.png" title="Python" alt="Python">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/59" class="learn">
						 
							<img src="./log/markdown.png" title="markdown" alt="markdown">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/45" class="learn">
						 
							<img src="./log/java.png" title="Java" alt="Java">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/48" class="learn">
						 
							<img src="./log/php.png" title="PHP" alt="PHP">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/54" class="learn">
						 
							<img src="./log/git.png" title="搬进Git" alt="搬进Git">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/66" class="learn">
						 
							<img src="./log/mammoth.png" title="编程基础" alt="编程基础">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/69" class="learn">
						 
							<img src="./log/c.png" title="C语言" alt="C语言">
						</a>
					</li><li>
						 
							<a href="http://www.mengma.com/class/course/72" class="learn">
						 
							<img src="./log/cpp.png" title="C++" alt="C++">
						</a>
					</li><li>
						 
							<a href="http://s.mengma.com/frontEnd/#/88" class="learn">
						 
							<img src="./log/html.png" title="HTML CSS 基础" alt="HTML CSS 基础">
						</a>
					</li><li>
						 
							<a href="http://s.mengma.com/javascript/#/89" class="learn">
						 
							<img src="./log/javascript.png" title="JavaScript 基础1" alt="JavaScript 基础1">
						</a>
					</li>			</ul>
		</div>
	</div>
</div>
<div class="mm_learn">
	<div class="mm_goLearn">
		<div class="container text-center">
			<div class="mm_leftImgae">
				<img src="./log/mm_golearn.svg" alt="基础" style="width:530px;height:288px;">
			</div>
			<div class="mm_rightText">
				<p>交互式的学习模式</p>
				<p>打开电脑就能学</p>
				<a href="http://www.mengma.com/class/course/66">从基础开始学习</a>
			</div>
		</div>
	</div>
	<div class="mm_goAsk">
		<div class="container text-center">
			<div class="mm_rightText mm_leftText">
				<p>及时响应的问答社区</p>
				<p>大神 + 工程师</p>
				<a href="http://qa.mengma.com/">和大神一起来解决问题吧</a>
			</div>
			<div class="mm_rightImage">
				<img src="./log/mm_goask.png" alt="去问答" style="margin-left:0;">
			</div>
			
		</div>
	</div>
	<div class="mm_goOj">
		<div class="container text-center">
			<div class="mm_leftImgae">
				<img src="./log/mm_gooj.png" alt="挑战">
			</div>
			<div class="mm_rightText">
				<p>修炼自己的编程技能</p>
				<p>在实战中提升！</p>
				<a href="http://oj.mengma.com/">点击查看实战题库</a>
			</div>
		</div>
	</div>
</div>
<div class="mm_feature">
<div class="container text-center">
	<div class="mm_title">网站特色</div>
	<img src="./log/mask-slick.png" alt="--" class="mask-slick">
	<div class="mm_list mm_transition slick-initialized slick-slider" id="slide_center">
		<div aria-live="polite" class="slick-list draggable" tabindex="0" style="padding: 0px 22%;"><div class="slick-track" style="opacity: 1; width: 4928px; transform: translate3d(-3080px, 0px, 0px);"><div class="panel slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_3.png">
			<div class="mm_slick_title">时光机</div>
			<small>回顾程序的一生</small>
		</div><div class="panel slick-slide slick-cloned slick-center" data-slick-index="-1" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_4.png">
			<div class="mm_slick_title">实时问答</div>
			<small>各路高手，随时解惑</small>
		</div><div class="panel slick-slide" data-slick-index="0" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_1.png">
			<div class="mm_slick_title">在线开发环境</div>
			<small>无需配置，直接上手</small>
		</div><div class="panel slick-slide" data-slick-index="1" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_2.png">
			<div class="mm_slick_title">互动式学习</div>
			<small>手把手教学，循序渐进</small>
		</div><div class="panel slick-slide" data-slick-index="2" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_3.png">
			<div class="mm_slick_title">时光机</div>
			<small>回顾程序的一生</small>
		</div><div class="panel slick-slide slick-active slick-center" data-slick-index="3" aria-hidden="false" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_4.png">
			<div class="mm_slick_title">实时问答</div>
			<small>各路高手，随时解惑</small>
		</div><div class="panel slick-slide slick-cloned" data-slick-index="4" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_1.png">
			<div class="mm_slick_title">在线开发环境</div>
			<small>无需配置，直接上手</small>
		</div><div class="panel slick-slide slick-cloned" data-slick-index="5" aria-hidden="true" style="width: 556px;">
			<img class="mm_slick_img" src="./log/mm_slick_2.png">
			<div class="mm_slick_title">互动式学习</div>
			<small>手把手教学，循序渐进</small>
		</div></div></div>
		
		
		
	<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: none;">Previous</button><button type="button" data-role="none" class="slick-next" aria-label="next" style="display: none;">Next</button><ul class="slick-dots" style="display: block;"><li class="" aria-hidden="true"><button type="button" data-role="none">1</button></li><li aria-hidden="true" class=""><button type="button" data-role="none">2</button></li><li aria-hidden="true" class=""><button type="button" data-role="none">3</button></li><li aria-hidden="false" class="slick-active"><button type="button" data-role="none">4</button></li></ul></div>
</div>
</div>
</div>
</div>
		<div class="mm_bottom">
			<div class="container">
				<div class="hidden-xs mm_meta">
					<a href="http://www.mengma.com/about/#mm_about_us" target="_blank">关于我们</a>
					<a href="http://www.mengma.com/about/#mm_media_reports" target="_blank">媒体报道</a>
					<a href="http://www.mengma.com/about/#mm_link" target="_blank">友情链接</a>
					<a href="http://www.mengma.com/about/#mm_recruitment" target="_blank">人才招聘</a>
					<a href="http://www.mengma.com/about/#mm_contact_us" target="_blank">联系我们</a>
					<a href="http://www.mengma.com/about/#mm_feedback" target="_blank">意见反馈</a>
					<a href="http://www.mengma.com/about/#mm_service" target="_blank">服务条款</a>
				</div>
				<div class="mm_social">
					<img src="./log/qr_wechat.png">
				</div>
				<div class="mm_social">
					<a href="http://weibo.com/mengmacom" target="_blank"><img src="./log/i_weibo.png" class="mm_footer_social_icon"></a>
					<a href="javascript:void(0)" onclick="$(&#39;.mm_social&gt;img&#39;).show()"><img src="./log/i_wechat.png" class="mm_footer_social_icon"></a>
					<a href="http://tieba.baidu.com/f?kw=%E8%90%8C%E7%A0%81" target="_blank"><img src="./log/i_tieba.png" class="mm_footer_social_icon"></a>
				</div>
				<div class="text-center mm_copyright">
					<div>
					<img src="./log/mm_logo.png" style="margin-right:18px;">Copyright  ©  2015 MengMa.com. All Rights Reserved. 京ICP备14043944号.</div>
				</div>
			</div>
		</div>
	

<script type="text/javascript" src="./log/common.min_e424ea--.js"></script>
<script type="text/javascript" src="./log/bootstrap.min_7b82cf--.js"></script>
<script type="text/javascript" src="./log/mm_common_018fd9--.js"></script><script src="./log/h.js" type="text/javascript"></script><div id="ascrail2000" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 99; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; display: block; opacity: 0;"><div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 8px; height: 141px; border-radius: 5px; background-color: rgb(122, 119, 119); background-clip: padding-box;"></div></div>
<script type="text/javascript" src="./log/slick.min_21778f--.js"></script>
<script type="text/javascript" src="./log/mm_home_e75a35--.js"></script>
<script type="text/javascript">
	$("#slide_center").slick({
        centerMode: true,
        centerPadding: '22%',
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: true,
        autoplay: true,
        speed: 500,
        focusOnSelect: true
	});
	$("#myCarousel").carousel();
	$(".slick-prev").css("display","none");
	$(".slick-next").css("display","none");
</script>
<a href="javascript:void(0)" id="mm_backtop" style="display: none;"><i class="fa fa-angle-double-up"></i></a><a href="javascript:void(0)" id="mm_backtop"><i class="fa fa-angle-double-up"></i></a></body></html>